Modals

General accessibility requirements

  • Modals need to be announced on enter and on exit by screen readers.
  • If modals impact the content of the page they need to announce that as well.
  • Keyboard navigation has to remain within the modal boundaries until it is dismissed.
  • Closing and dismissing modal actions should be clear.
  • Bring focus back to the element that was last clicked to open the modal (avoid disorientation).

Confirmation modals

Social posts

Social posts

Social posts